<template>
  <div style="width: 100%;height: calc(100vh - 84px);position: relative" class="bg-shouye">
    <div class="app-container home">
      <div style="width: 100%;">
        <div>
          <span style="font-weight: 700;font-size: 24px;font-family: STLiti;color: rgb(74,153,225)"><i>Hi,<span style="letter-spacing: 3px">欢迎你</span></i></span>

        </div>
        <div class="flex-row" style="margin-top: 30px;">
          <el-avatar :size="60" :src="avatar"></el-avatar>
          <div style="margin-left: 20px;" class="flex-row">
<!--            <span>名称：</span>-->
            <span style="font-size: 30px;font-weight: 700;">{{nickName}}</span>
          </div>
          <div style="margin-left: 20px" class="flex-row">
<!--            <span>岗位：</span>-->
            <span style="font-size: 20px;font-weight: 700;color: rgb(102,102,102)">{{postName}}</span>
          </div>
        </div>
        <div style="margin-top: 20px;color: rgb(74,153,225);letter-spacing: 3px;font-size: 26px;
display: flex;justify-content: center">
          <h3 style="font-weight: 1000;font-family: STLiti;">今天又是元气满满的一天</h3>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import store from '@/store'
export default {
  name: "index",
  data() {
    return {
      // 版本号
      version: "3.4.0",
    };
  },
  computed:{
    ...mapGetters(['nickName','avatar','postName'])
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style scoped lang="scss">
.is-selected {
  color: #1989FA;
}

.bg-shouye{
  background-image: url("../assets/images/shouye.png");
  background-size: cover;
}
</style>

